<!-- 引入模板文件 -->
<!-- 注意：引用的是绝对路径 -->
<extend name="./Public/templete/base.html"/>    

<!-- 页面标题 -->
<block name="title"><title>Index/login</title></block>

<!-- 添加该页面对应需要的css文件 -->
<block name="link">
  <link rel="shortcut icon" src="./favicon.ico" />
  <link rel="stylesheet" type="text/css" href="../../../Public/source/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="../../../Public/source/css/css1.css">
</block>


<!-- 右下侧的主体内容 主要内容在此处写 -->
<block name="content">
    <div class="layui-body">
        <div style="padding: 15px;">
           <!-- 代码从此次开始写，外层两个div不建议删除 -->

            <!-- <button class="layui-btn layui-btn-radius"><i class="layui-icon">&#xe608;</i> 导入</button>
            <button class="layui-btn layui-btn-radius layui-btn-normal""><i class="layui-icon">&#xe642;</i>编辑</button>
            <button class="layui-btn layui-btn-radius layui-btn-warm""><i class="layui-icon">&#xe63c;</i>展示</button>
            <button class="layui-btn layui-btn-radius layui-btn-danger"><i class="layui-icon">&#xe640;</i>删除</button> -->
            <!-- <br>
            <br> -->
            <blockquote class="layui-elem-quote">考勤统计</blockquote>   
            <br>  
            <div id='attendance'>

            </div>
            <br>
            

            <blockquote class="layui-elem-quote">会议记录</blockquote> 
            <br>  
            <div class="layui-container">
              <div id="meeting"></div> 


         </div>
    </div>
    </div>
</block>  





<!-- 引入或写js代码 -->
<block name="js">
  <script src="../../../Public/source/layui/layui.js"></script>
 <!--  <script src="../../../Public/source/Echarts/echarts-gl.js"></script>
  <script src="../../../Public/source/Echarts/echarts.js"></script> -->
  <script src="../../../Public/source/Echarts/echarts.min.js"></script> 
  <script type="text/javascript" src="../../../Public/source/jquery-3.2.1.js"></script>
  <script type="text/javascript">
          $.ajax({
                type: "get",
                url:"__URL__/getmsg1",
                dataType: "json",
                success:function (data){
                  console.log(data)
                },
                error: function(){
                  console.log("error")
                }
            });
  </script>
  <script type="text/javascript">


     var myChart=echarts.init(document.getElementById('meeting'));
        option = {
        title:{
          text:'会议次数记录' 
     
        },
        xAxis: {
            type: 'category',
            data: ['2018-07', '2018-08', '2018-09', '2018-10', '2018-11', '2018-12','2019-02']},
        yAxis: {
            type: 'value'
        },
        series: [
            {
            name:'前端',
            data: [8, 3, 1, 4, 1,3,9],
            type: 'line',
             smooth: true
        },
        {
            name:'后台',
            data: [8, 2, 9, 3, 8,4,8],
            type: 'line',
            smooth: true
        }
        ]
   
        };
       myChart.setOption(option);
  </script>
  <script type="text/javascript">
    var myChart=echarts.init(document.getElementById('attendance'));
    option = {
    title:{
       text:'所有考勤情况' ,
    },
    tooltip : {
        trigger: 'axis',
        axisPointer : {            
            type : 'shadow'       
        }
    },
    legend: {
        data:['已到','迟到','未到']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            data : ['2018-07-09','2018-07-09','2018-07-09','2018-07-09','2018-07-09','2018-07-09','2018-07-09']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'已到',
            type:'bar',
            data:[320, 332, 301, 334, 390, 330, 320]
        },
        {
            name:'未到',
            type:'bar',
            data:[60, 72, 71, 74, 190, 130, 110]
        },
        {
            name:'迟到',
            type:'bar',
            data:[62, 82, 91, 84, 109, 110, 120]
        }
    ]
    };
    myChart.setOption(option);
  </script>
    <script>
  //JavaScript代码区域
  layui.use('element', function(){
    var element = layui.element;
    
  });
  </script>
  
</block> 